<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CRM</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/main"],
            cb: function (o) {
                app.requireCss(['css/wx/icons-extra', 'css/wx/wx-iconfont'], doc);
            }
        };
    </script>
    <script data-main="../../js/wx/public/config" src="../../js/require.js"></script>

    <link rel="stylesheet" href="../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../css/wx/app.css">
    <link rel="stylesheet" href="../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../css/wx/style-hn.css"/>
    <link rel="stylesheet" href="../../css/wx/audio.css"/>
    <style>

        svg.icon {
            width: 34px;
            height: 34px;
        }

        .wf-iconHr a svg.icon {
            width: 1.2rem !important;
            height: 1.2rem !important;
        }

        .statistics_number{
            font-weight: 800;
            font-size: 17px !important;
            color:#4C6FB0;
        }

        .statistics_title{
            color:#d2620a;
        }

    </style>
</head>

<body>
<div id="slider" class="mui-slider">
    <div class="mui-slider-group mui-slider-loop">
        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#">
                <img src="../../img/wx/swiper22.png">
            </a>
        </div>
        <!-- 第一张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="../../img/wx/swiper33.png">
            </a>
        </div>
        <!-- 第一张 -->
        <div class="mui-slider-item">
            <a href="#">
                <img src="../../img/wx/swiper22.png">
            </a>
        </div>
        <!-- 额外增加的一个节点(循环轮播：第一个节点是第一张轮播) -->
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#">
                <img src="../../img/wx/swiper33.png">
            </a>
        </div>
    </div>

    <!--通常轮播图中那个小圆点，页面轮播他也会移动-->
    <div class="mui-slider-indicator">
        <div class="mui-indicator mui-active"></div>
        <div class="mui-indicator"></div>
    </div>
</div>
<div id="content" class="mui-content" style="margin-bottom: 10px;">

    <!--&lt;!&ndash;logo&ndash;&gt;-->
    <!--<div class="slider shadow">-->
    <!--<div class="logo"><img src="../static/img/logo-hn.png"/></div>-->
    <!--</div>-->

    <div class="iconHr wf-iconHr" style="margin-bottom: 55px;margin-top: 5px;padding: 0 2px;">
        <div class="mui-row">
            <div @tap.stop="openSjmx('A')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <p v-text="statsSJ.A" class="statistics_number"></p>
                    <p class="statistics_title">本年成单(万)</p>
                </a>
            </div>
            <div @tap.stop="openSjmx('B')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <p v-text="statsSJ.B" class="statistics_number"></p>
                    <p class="statistics_title">本年商机(万)</p>
                </a>
            </div>
            <div @tap.stop="openSjmx('C')" class="mui-col-sm-4 mui-col-xs-4">
                <a href="javascript:;">
                    <p v-text="statsSJ.C" class="statistics_number"></p>
                    <p class="statistics_title">本月拜访</p>
                </a>
            </div>
        </div>
        <div class="mui-row">
            <div v-for="item in menus"
                 @tap.stop="openWindow(item.PERMISSION,item.URL)"
                 v-if="item.cascade_id_!='0.003'"
                 class="mui-col-sm-4 mui-col-xs-4" v-cloak>
                <a href="javascript:;">
                    <svg class="icon" aria-hidden="true">
                        <use :xlink:href="'#'+ item.ICON_NAME"></use>
                    </svg>
                    <p>{{item.NAME}}</p>
                </a>
            </div>
        </div>
    </div>

    <nav @tap.stop="" class="mui-bar mui-bar-tab mbsbar">
        <a v-show="others.hasgwc" class="mui-tab-item" @tap.stop="openFoot('fl')">
            <span class="iconfont icon icon-005"></span>
            <p class="mui-tab-label">分类浏览</p>
        </a>
        <a v-show="others.hasgwc" class="mui-tab-item" @tap.stop="openFoot('gwc')">
            <span class="iconfont icon icon-006"></span>
            <p class="mui-tab-label">购物车</p>
        </a>
        <a class="mui-tab-item" @tap.stop="openFoot('wo')">
            <span class="iconfont icon icon-004"></span>
            <p class="mui-tab-label">我的</p>
        </a>
    </nav>

</div>

</body>
</html>